<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>Welcome to NIT Online Judge</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="assets/css/noj.extra.css" rel="stylesheet">
    <!--[if lt IE 8]>
      <script src="assets/js/noj.browser.compatibility.js"></script>
    <![endif]-->
  </head>
  <body data-spy="scroll">
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#home">NIT OnlineJudge</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#home">Home</a></li>
              <li class="dropdown">
                <a href="" class="dropdown-toggle" data-toggle="dropdown">Problems <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#problem">Problem Archive</a></li>
                  <li><a href="#submit">Submit Solution</a></li>
                  <li class="divider"></li>
                  <li class="nav-header">Users</li>
                  <li><a href="#ranklist">View Ranklist</a></li>
                </ul>
              </li>
              <li><a href="#status">Status</a></li>
              <li><a href="#contest">Contests</a></li>
              <li><a href="#help">Help</a></li>
            </ul>
            <ul id="nav-userbar" class="nav pull-right">
              <!--<li><a href="#">Register</a></li>
              <li><button class="btn btn-danger" type="button" onclick="login_showModal()">Log In</button></li>-->
              <li class="dropdown">
                <a href="" class="dropdown-toggle" data-toggle="dropdown">
                <img alt="userinfo" src="http://www.gravatar.com/avatar/f10cd8e696e68cdc1964b86427584aed?s=32"> dgsrz</a>
                <ul class="dropdown-menu">
                  <li><a href="#user">My Passport</a></li>
                  <li><a href="#customize">Customize</a></li>
                  <li class="divider"></li>
                  <li><a href="" onclick="login_logout()">Logout</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="hero-unit">
        <p>Welcome to NOJ! A full-featured amazing online judge platform avaliable now!<br />
        Ningbo Institute of Technology ACM/ICPC Team</p>
      </div>

      <div class="row">
        <div id="main-content" class="span9">
          <section><div class="round-combo">Retrieving resources, please wait...</div></section>
        </div>
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Navigation</li>
              <li class="active"><a href="#home">Home</a></li>
              <li><a href="#problem">Browse problemset</a></li>
              <li><a href="#status">Status online</a></li>
              <li><a href="#contest">Recent contests</a></li>
              <li><a href="#help">Help</a></li>
            </ul>
          </div>
          <table class="table table-bordered">
            <thead>
             <tr>
               <th>Hyper Search</th>
             </tr>
            </thead>
            <tbody>
             <tr>
               <td>
                  <div class="input-append">
                    <input class="span2" id="keywords" type="text">
                    <div class="btn-group">
                      <button class="btn dropdown-toggle" data-toggle="dropdown">Do <span class="caret"></span></button>
                      <ul class="dropdown-menu">
                        <li><a href="#" onclick="calculateExpression()">Calculate expression</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Goto problem</a></li>
                        <li><a href="#">Search problem</a></li>
                        <li><a href="#">Google it!</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Show userinfo</a></li>
                      </ul>
                    </div><!-- /btn-group -->
                  </div><!-- /input-append -->
               </td>
             </tr>
            </tbody>
          </table>
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>#</th>
                <th>User</th>
                <th>Rating</th>
              </tr>
             <tbody>
              <tr>
                <td>1</td>
                <td><a class="GrandMaster" href="#user">dgsrz</a></td>
                <td>1000</td>
              </tr>
              <tr>
                <td>2</td>
                <td><a class="Registered" href="#user">cl123</a></td>
                <td>800</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

    </div> <!-- /container -->

    <footer class="footer">
      <div class="container">
        <p>Copyright © 2012-2015 Ningbo Institute of Technology ACM/ICPC Team.</p>
        <p>Anything about the OnlineJudge, please contact administrators.</p>
        <p>Links: <a href="#" target="_blank">About OJ</a> | <a href="#" target="_blank">F.A.Q</a> | <a href="#" target="_blank">Contributors</a> | <a href="#" target="_blank">Administrators</a></p>
        <p>Powered by NIT-OnlineJudge v3.0 Nightly Build.</p>
      </div>
    </footer>

    <!-- Modal -->
    <div id="loginModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="loginmodal" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h3 id="loginmodal">Login</h3>
      </div>
      <div class="modal-body">
        <div class="alert alert-info">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          If you haven't registered yet, click "Register" link and create an account.
        </div>
        <form class="form-horizontal">
          <div class="control-group">
            <label class="control-label" for="inputUsername">Username</label>
            <div class="controls">
              <input type="text" id="inputUsername" placeholder="Username" value="root">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="inputPassword">Password</label>
            <div class="controls">
              <input type="password" id="inputPassword" placeholder="Password" value="uUkHXtRc4qjkXG*b">
            </div>
          </div>
          <div class="control-group">
            <div class="controls">
              <label class="checkbox"><input type="checkbox"> Remember me</label>
              <button type="button" class="btn btn-info" onclick="login_request()">Login</button>
            </div>
          </div>
        </form>
      </div>
    </div>

    <div id="modalInfo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="attmodal" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3 id="attmodal">Attention</h3></div>
      <div class="modal-body"><p id="infoText"></p></div>
      <div class="modal-footer"><button class="btn btn-primary" data-dismiss="modal">Close</button></div>
    </div>

    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/noj.func.js"></script>
    <script src="assets/js/noj.module.js"></script>
    <script src="assets/js/editor/ace.js"></script>
  </body>
</html>